<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <title>关注微矿科技</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            background-color: #fff;
            font-size: 0.28rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: #333333;
            padding: 0 0.24rem;
            box-sizing: border-box;
        }

        .topTips {
            width: 100%;
            height: 0.82rem;
            font-size: 0.26rem;
            line-height: 0.82rem;
        }

        .savePicture {
            color: #fad203;
        }

        .showPicture {
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            justify-content: center;
            -webkit-justify-content: center;
            align-items: center;
            -webkit-align-items: center;
        }

        .showPicture {
            width: 6.9rem;
            height: 8.5rem;
            margin: auto;
            border-radius: 0.1rem;
            box-shadow: 0 0 0.1rem #e5e5e5;
        }

        .copypeople {
            width: 5rem;
            height: 0.76rem;
            line-height: 0.76rem;
            font-size: 0.26rem;
            background-color: #fad203;
            text-align: center;
            border-radius: 0.1rem;
            margin-top: 0.72rem;
            font-weight: 400;
        }

        .tipsButtom {
            margin-top: 0.32rem;
            color: #616161;
            font-size: 0.24rem;
        }

        .tipsButtom li {
            margin: 0.13rem 0;
        }
    </style>
</head>

<body>
    <div class="topTips">
        提示：关注“微矿科技”公众号，可直接付款支付充值
    </div>
    <div class="showPicture">
        <span>
            微矿科技
        </span>
        <img src="../../image/renren_codex.png" alt="" style="width:3.02rem;height: 3.02rem;margin:0.44rem 0">
        <p class="savePicture">
            保存二维码图片
        </p>
        <p class="copypeople" id="copyWx" data-clipboard-text="微矿科技">
            复制公众号名称
        </p>
    </div>
    <div class="tipsButtom">
        <ul>
            <li>
                1. 关注后点击“进入矿场”，登录人人矿场wap端页面
            </li>
            <li>
                2. 选择您要下单的算力合约，然后下单
            </li>
            <li>
                3. 选择微信支付，可直接付款
            </li>
        </ul>

    </div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            $("#copyWx").click(function () {
                if (app.clipboard) {
                    var text = $("#copyWx").data("clipboard-text");
                    app.clipboard.set({ value: text }, function (ret, err) {
                        app.log("copy", ret);
                        if (ret.status) {
                            app.toast("微信公众号已复制到剪贴板");
                        } else {
                            app.toast("复制失败！");
                        }
                    });
                }
            });
            $(".savePicture").on("click", function () {
                app.savePic("widget://image/renren_codex.png");
            });
        };

    </script>
</body>

</html>